@import 'devui-theme/styles-var/devui-var.scss';

pre {
  margin: 0;
  padding: 0;
  background: transparent;
  overflow: hidden;

}

code {
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 14px;
  line-height: 1.5;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin-top: 8px;
  border-radius: 8px;
  background-color: var(--vp-c-bg-alt) !important;
}

// 暗黑主题样式
pre.hljs-github-dark code {
  background-color: #0d1117 !important;
  color: #c9d1d9;
}

.highlight {
  border-radius: 6px;
  padding: 16px;
  margin: 0;
  overflow-x: auto;

  // 亮色主题背景
  background: #f6f8fa;
}

:host ::ng-deep .ng-highlight {
  code {
    padding: 16px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: var(--vp-code-block-color);

    .hljs {
      color: var(--vp-code-block-color);
    }

    // hljs 主题色覆盖
    .hljs-quote {
      color: #5c6370;
      font-style: italic;
    }

    .hljs-doctag,
    .hljs-keyword,
    .hljs-formula {
      color: #c678dd;
    }

    .hljs-section,
    .hljs-name,
    .hljs-selector-tag,
    .hljs-deletion,
    .hljs-subst {
      color: #e06c75;
    }

    .hljs-literal {
      color: #56b6c2;
    }

    .hljs-string,
    .hljs-regexp,
    .hljs-addition,
    .hljs-attribute,
    .hljs-meta-string {
      color: #98c379;
    }

    .hljs-built_in,
    .hljs-class .hljs-title {
      color: #e6c07b;
    }

    .hljs-attr,
    .hljs-variable,
    .hljs-template-variable,
    .hljs-type,
    .hljs-selector-class,
    .hljs-selector-attr,
    .hljs-selector-pseudo,
    .hljs-number {
      color: #d19a66;
    }

    .hljs-symbol,
    .hljs-bullet,
    .hljs-link,
    .hljs-meta,
    .hljs-selector-id,
    .hljs-title {
      color: #61aeee;
    }

    .hljs-emphasis {
      font-style: italic;
    }

    .hljs-strong {
      font-weight: bold;
    }

    .hljs-link {
      text-decoration: underline;
    }
  }
}